import style from "../assets/css/top.module.css";
import {
  SearchOutline,
  DownlandOutline,
  ScanningOutline,
} from "antd-mobile-icons";
import { useHistory } from "react-router-dom";

const Top = () => {
  const history = useHistory();
  return (
    <>
      {/* 搜索框 */}
      <div className={style.search}>
        <p>
          <SearchOutline fontSize={24} color="#969696" />
          <input
            style={{ padding: "0px" }}
            placeholder="铁杆三国"
            onClick={() => {
              history.push({ pathname: "Search" });
            }}
          />
          <ScanningOutline fontSize={24} color="#979797" />
        </p>
        <DownlandOutline fontSize={24} color="#333" />
      </div>
    </>
  );
};

export default Top;
